---
type: tutorial
title: Напишите свою первую строку в Astro
description: |-
  Руководство: Создайте свой первый блог на Astro —
  Внесите первые правки на домашнюю страницу вашего обучающего проекта
i18nReady: true
---
import Checklist from '~/components/Checklist.astro';
import Box from '~/components/tutorial/Box.astro';
import MultipleChoice from '~/components/tutorial/MultipleChoice.astro';
import Option from '~/components/tutorial/Option.astro';
import PreCheck from '~/components/tutorial/PreCheck.astro';
import { Steps } from '@astrojs/starlight/components';

<PreCheck>
 - Сделать свою первую правку на новом веб-сайте
</PreCheck>

## Измените свою домашнюю страницу

<Steps>
1. В редакторе кода перейдите в файловой панели Проводника к файлу `src/pages/index.astro` и щелкните на нем, чтобы открыть содержимое файла на редактируемой вкладке.

    Содержимое вашего файла `index.astro` должно выглядеть так:

    ```astro title="src/pages/index.astro"
    ---
    ---

    <html lang="ru">
      <head>
        <meta charset="utf-8" />
        <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
        <meta name="viewport" content="width=device-width" />
        <meta name="generator" content={Astro.generator} >
        <title>Astro</title>
      </head>
      <body>
        <h1>Astro</h1>
      </body>
    </html>
    ```

2. Измените содержимое вашей страницы в `<body>`.

    Введите текст в редакторе, чтобы изменить заголовок на вашей странице, и сохраните изменение.

    ```astro title="src/pages/index.astro" del={2} ins={3}
    <body>
      <h1>Astro</h1>
      <h1>Мой сайт на Astro</h1>
    </body>
    ```

3. Проверьте предварительный просмотр в браузере — вы должны увидеть обновлённое содержимое вашей страницы.
</Steps>

Поздравляем! Теперь вы разработчик Astro!

Остальная часть этого модуля подготовит вас к успешной работе с системой контроля версий и опубликованным веб-сайтом, которым вы сможете похвастаться.



<Box icon="check-list">
## Контрольный список

<Checklist>
- [ ] Я умею вносить изменения и просматривать их в браузере.
- [ ] Я Astro-разработчик!
</Checklist>
</Box>
